{% get_nav nav_id={nav_id} %}
{% if nav.size > 0 %}
  {% for item in nav.nav_item %}
    <div class="menu_item">
      <div class="menu_title">
        <a
          style="color:{{item.setting_json.color}};font-style:{{item.setting_json.style}};font-weight:{{item.setting_json.bold}};text-decoration:{{item.setting_json.decoration}};"
          target="{{item.setting_json.open | default : '_self' }}"
          {% if item.setting_json.model != 1 %}
          rel="external nofollow"
          {% endif %}
          href="{{item.url_json.url | default:'javascript:void(0)' }}">
          {% if item.src %}
            <header-nav-img>{% include 'lazy_img', src: item.src, alt: '' %}{{ item.nav_item_name }}</header-nav-img>
          {% else %}
            {{ item.nav_item_name }}
          {% endif %}
        </a>
      </div>
      <div class="child_box">
        <ul class="list_menu">
          {% for childrenNav in item.children %}
            <li class="menu_item">
              <a
                style="color:{{childrenNav.setting_json.color}};font-style:{{childrenNav.setting_json.style}};font-weight:{{childrenNav.setting_json.bold}};text-decoration:{{childrenNav.setting_json.decoration}};"
                target="{{childrenNav.setting_json.open | default : '_self' }}"
                {% if childrenNav.setting_json.model != 1 %}
                rel="external nofollow"
                {% endif %}
                href="{{childrenNav.url_json.url | default:'javascript:void(0)' }}">
                {% if childrenNav.src %}
                  <header-nav-img>{% include 'lazy_img', src: childrenNav.src, alt: '' %}{{ childrenNav.nav_item_name }}</header-nav-img>
                {% else %}
                  {{ childrenNav.nav_item_name }}
                {% endif %}
              </a>
            </li>
          {% endfor %}
        </ul>
      </div>
    </div>
  {% endfor %}
{% else %}
  <div class="meun_item">
    <div class="menu_title">
      <a href="javascript:;">Service Center</a>
    </div>
    <div class="child_box">
      <ul class="list_menu">
        <li class="menu_item">
          <a href="/pages/Shipping-policy">Shipping policy</a>
        </li>
        <li class="menu_item">
          <a href="/pages/Return-policy">Return policy</a>
        </li>
        <li class="menu_item">
          <a href="/pages/Privacy-policy">Privacy policy</a>
        </li>
        <li class="menu_item">
          <a href="/account/trackingorder">Tracking Order</a>
        </li>
        <li class="menu_item">
          <a href="/pages/Terms-of-service">Terms of service</a>
        </li>
      </ul>
    </div>
  </div>

  <div class="meun_item">
    <div class="menu_title">
      <a href="javascript:;">Quick Links</a>
    </div>
    <div class="child_box">
      <ul class="list_menu">
        <li class="menu_item">
          <a href="/search">Search</a>
        </li>
        <li class="menu_item">
          <a href="/account/login">Login</a>
        </li>
        <li class="menu_item">
          <a href="/account/register">Register</a>
        </li>
        <li class="menu_item">
          <a href="/account/trackingorder">Tracking Order</a>
        </li>
        <li class="menu_item">
          <a href="/blogs">Blog</a>
        </li>
      </ul>
    </div>
  </div>

{% endif %}